<template>
  <div>
    <el-descriptions
      class="margin-top"
      title="带边框列表"
      :column="4"
      size="small"
      border
    >
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          图片
        </template>
        <el-image
          style="width: 100px; height: 100px"
          :src="'http://59.172.226.5'+info.name.value1"
          fit="fit"
        ></el-image>
      </el-descriptions-item>
      <el-descriptions-item v-for="item in info" :key="item.strNumber" >
        <template slot="label">
          <i class="el-icon-user"></i>
          {{item.key}}
        </template>
        {{item.value}}
      </el-descriptions-item>
   
    </el-descriptions>
  </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
     computed: {
    ...mapState('d2admin/user', [
      'info'
    ])

  },
  data () {
      return {
          name:[
              1,2,3
          ]
      }
  }
};
</script>

<style></style>
